.flex-col {
  display: flex;
  flex-direction: column;
}

.flex-row {
  display: flex;
  flex-direction: row;
}

.justify-start {
  justify-content: flex-start;
}

.justify-center {
  justify-content: center;
}

.justify-end {
  display: flex;
  justify-content: flex-end;
}

.justify-evenly {
  justify-content: space-evenly;
}

.justify-around {
  justify-content: space-around;
}

.justify-between {
  justify-content: space-between;
}

.align-start {
  align-items: flex-start;
}

.align-center {
  align-items: center;
}

.align-end {
  align-items: flex-end;
}

.flex-wrap {
  flex-wrap: wrap;
}

// 标题
.title-bg {
  width: 429px;
  height: 25px;
  background-image: url('@/assets/images/sub-title.png');
  background-size: 100% 100%;

  .sub-title {
    margin-left: 35px;
    height: 25px;
    line-height: 25px;
    text-align: left;

    text-shadow: 0px 0px 4px rgba(0, 145, 255, 1);
    color: rgba(216, 240, 255, 1);
    font-weight: 500;
    font-size: 16px;
  }
}

.main-title-bg {
  width: 442px;
  height: 37px;
  background-image: url('@/assets/images/title-bg.png');
  background-size: 100% 100%;

  .sub-title {
    margin-left: 20px;
    height: 37px;
    line-height: 37px;
    font-family: YouSheBiaoTiHei;
    font-size: 22px;
    color: #fff;
  }
}

// /* 优美的滚动条 */
// ::-webkit-scrollbar {
//   width: 6px;
//   height: 6px;
// }

// ::-webkit-scrollbar-track {
//   width: 6px;
//   background: rgba(#101F1C, 0.1);
//   -webkit-border-radius: 2em;
//   -moz-border-radius: 2em;
//   border-radius: 2em;
// }

// ::-webkit-scrollbar-thumb {
//   background-color: rgba(#101F1C, 0.5);
//   background-clip: padding-box;
//   min-height: 28px;
//   -webkit-border-radius: 2em;
//   -moz-border-radius: 2em;
//   border-radius: 2em;
// }

// ::-webkit-scrollbar-thumb:hover {
//   background-color: rgba(#101F1C, 1);
// }